<template>

  <input type="text" :value="modelValue" 
    @input="$emit('update:modelValue',
    (<HTMLInputElement>$event.target).value)" />

</template>
<script setup lang="ts">
defineProps<{
  modelValue: string
}>()

defineEmits<{
  (event: 'update:modelValue', value: string): void
}>()

</script>
<style lang="scss" scoped>
.sub-div {
  margin-top: 30px;
  padding: 10px 10px;
  color: #42b983;
  font-weight: bold;
  background-color: rgb(15, 105, 184);
}
</style>
